:root {
  --menu-height: 51px;
  --menu-backgroud-color: #fff;
  --margin-content:10px 16px 0px 16px;
}
html,body{
	height: 200%;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: rgb(241, 242, 242);
}
.margin_content{
	margin: var(--margin-content);
}
.container{
	width: 100%;
	height: 100%;
	background-color: transparent;
	margin: 0;
	padding: 0;
	position: sticky;
}
.container_main{
	margin: 0;
	padding: 0;
	height: 100%;
}
.container_top{
	margin: 0;
	padding: 0 80px;
	height: var(--menu-height);
	background-color: var(--menu-backgroud-color);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
}
.top_svg{
	height: var(--menu-height);
	display: flex;
	align-items: center;
	margin: 0px 5px;
}
.top_element{
	display: flex;
	align-items: center;
	height:var(--menu-height);
	line-height: var(--menu-height);
}
.top_menu{
	height: var(--menu-height);
	display: flex;
	align-items: center;
}
.top_svg svg{
	height: var(--menu-height);
}
.main_icon svg{
	width: 89px;
	fill:rgb(185, 43, 39);
}
.container_top_ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
}
.container_top_li{
	height: var(--menu-height);
	padding: 0;
	margin: 0 5px;
}
.container_top_span{
	height: var(--menu-height);
}
.container_content{
	margin-top: 70px;
	padding: 0 80px;
	display: flex;
	justify-content: space-between;
	height: 90%;
}
.container_left_content{
	position: sticky;
	top: 70px;
}
.container_left{
	flex: 1.5;
	position: relative;
}
.container_center{
	flex: 5.5;
	margin: 0 10px;
}
.container_right{
	flex: 2;
	margin: 0 10px;
	position: relative;
}
.container_right_content{
	position: sticky;
	top: 70px;
	background-color:#fff ;
}
.input-div{
	border:1px solid #dee0e1!important ;
	box-sizing: border-box;
	height: 36px;
	border-radius: 4px;
	padding: 0 4px;
	width: 336px;
	margin: 0px 10px;
}
.input-div .div{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 36px;
}
.element_svg{
	display: flex;
	align-items: center;
}
.element_svg svg{
	width: 18px;
	height: 18px;
}
.element_input{
	border: 1px solid transparent;
	outline: none;
	width: 90%;
}
.button-search{
	margin: 0px 10px;
	color: #636466;
	font-weight: 500;
	height: 30px;
	line-height: 30px;
	border-radius: 1000px;
	padding: 0 15px;
	box-shadow: rgba(99, 100, 102, 0.2) 0px 0px 0px 1px inset;
	border-width: 0px;
	background-color: transparent;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 1; /* 控制显示的最大行数 */
	min-width: 84px;
}
.element_svg .icon_svg-stroke {
    stroke:#dee0e1;
    stroke-width: 2.1;
}
.username_icon{
	display: flex;
	width: 24px;
	height: 24px;
	border-radius: 25px;
	background-color: rgb(246,111,69);
	color: #fff;
	justify-content: center;
	align-items: center;
}
.add_question_button{
	background-color: #b92b27;
	border-width: 0px;
	border-top-left-radius: 1000px;
	border-bottom-left-radius: 1000px;
	padding: 0 10px;
	color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 1; /* 控制显示的最大行数 */
	min-width: 74px;
}
.add_question{
	display: flex;
	height: 30px;
}
.element_svg_button{
	height: 30px;
	background-color: #b92b27;
	display: flex;
	justify-content: center;
	align-items: center;
	border-top-right-radius: 1000px;
	border-bottom-right-radius: 1000px;
	padding: 0 10px;
	color: #fff;
	border-left: 1px solid rgb(164, 38, 35);
}
.svg svg{
	width: 28px;
	height: 28px;
}
.left_content_ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.left_content_li{
	min-width: 149px;
	min-height: 34px;
	align-items: center;
	display: flex;
}
.left_content_div{
	display: flex;
	width: 150px;
	height: 18px;
}
.left_content_svg{
	background-color: #e6e7e8;
}
.left_content_svg svg{
	height: 18px;
	width: 18px;
}
.left_content_img{
	position: relative;
}
.left_content_tip{
	position: absolute;
	top: -5px;
	right: -5px;
	background-color: #b92b27;
	height: 8px;
	width: 8px;
	border-radius:100%;
	border: 2px solid #fff;
}
.left_content_img img{
	height: 18px;
	width: 18px;
}
.left_content_a{
	display: block;
	height: 18px;
	line-height: 18px;
	margin-left: 10px;
}
.line_div{
	height: 18px;
	border-bottom: 1px solid #dee0e1;
}
.card{
	box-shadow:0 1px 1px rgba(0,0,0,.04);
	border-radius: 3px;
	background-color: #fff;
	border: 1px solid #dee0e1!important;
}
.main_channel_top{
	height: 112px;
}
.main_channel_top_content_div .l1{
	height: 29.5px;
}
.main_channel_top_content_div .l1 a{
	font-weight: 700;
	font-size: 20px;
}
.main_channel_top_content_div .l1{
	display: flex;
}
.main_channel_top_content_div .l2{
	display: flex;
	margin-top: 10px;
}
.main_channel_top_content_div .l2_l1 a{
	display: block;
	width: 100px;
	font-size: 13px;
	color: #636466;
}
.main_channel_top_content_div .l2_l1{
	display: flex;
	height: 30px;
	width: 115px;
	background-color: rgb(224, 226, 227) !important;
	border-radius: 1000px;
	box-shadow: rgba(99, 100, 102, 0.2) 0px 0px 0px 1px inset;
	padding: 0px 10px;
	box-sizing: border-box;
} 
.main_channel_top_content_div .l2_l2{
	width: 100%;
}
.main_channel_top_content_div .l2_l2 svg{
	float: right;
}
.main_channel_top_content_div .l2_l2 .icon_svg-stroke{
	stroke: rgb(99, 100, 102);
	stroke-width: 1.5;
}
.main_channel_top_content_div .l2_l1 svg{
	width: 20px;
	height: 20px;
	
}
.main_channel_top_content_div{
	width: 100%;
	height: 80px;
	margin-left: 20px;
}
.main_channel_top_content{
	margin: 16px;
	height: 80px;
	display: flex;
}
.main_channel_top_content  a{
	display: block;
}
.main_channel_top_content img{
	height: 80px;
	width: 80px;
}
.wirte_wt{
	height: 78px;
	margin-top: 10px;
}
.witre_top{
	height: 44px;
	display: flex;
	justify-content: space-between;
}
.wirte_person{
	flex: 0.7;
}
.wirte_person a{
	display: block;
	height: 32px;
	width: 32px;
	border-radius: 25px;
	background-color: rgb(246,111,69);
	color: #fff;
	text-align: center;
	line-height: 32px;
}
.wirte_input{
	flex: 9.3;
}
.wirte_input input{
	width: 96%;
	height: 32px;
	box-sizing: border-box;
	border: 1px solid #dee0e1;
	border-radius: 1000px;
	background-color: #f7f7f8;
	outline: none;
	padding-left: 15px;
	color: #939598;
}
.witre_button{
	height: 30px;
	display: flex;
	justify-content: space-between;
}
.wirte_button_svg{
	flex: 1;
}
.certer{
	display: flex;
	justify-content: center;
	align-items: center;
}
.right{
	display: flex;
	justify-content: right;
	align-items: center;
}
.bottom{
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.wirte_button_svg{
	position: relative;
}
.wirte_button_svg a{
	color: #636466;
	font-size: 13px;
}
.wirte_button_svg svg{
	color: rgb(40, 40, 41);
	width: 20px;
	height: 20px;
}
.wirte_button_svg .icon_svg-stroke {
    stroke: rgb(99, 100, 102);
    stroke-width: 1.8;
}
.wirte_button_svg:nth-child(even)::after{
	content: "";
	width: 1px;
	height: 15px;
	position: absolute;
	right: 0;
	border-left:1px solid #dee0e1;
}
.wirte_button_svg:nth-child(even)::before{
	content: "";
	position: absolute;
	left: 0;
	width: 1px;
	height: 15px;
	border-right:1px solid #dee0e1;
}
.main_top_tap{
	margin-top: 10px;
	display: flex;
	border-bottom: 1px solid #dee0e1;
}
.main_top_tap .li a{
	display: block;
	font-weight: 500;
	font-size: 13px;
	color: #636466!important;
}
.li_active{
	position: relative;
}
.main_top_tap .li_active a{
	color: #b92b27;
	font-size: 13px;
}
.li_active::before{
	position: absolute;
	content: "";
	bottom: 0;
	left: 3px;
	right: 3px;
	height: 3px;
	background-color: #b92b27;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.main_top_tap .l1{
	padding: 16px 8px;
}
.wt_list{
	margin-top: 10px;
}
.wt{
	min-height: 100px;
}
.wt .wt_content{
	margin-top: 10px;
}
.wt .view_info{
	margin-top: 10px;
}
.wt .wt_content_tool{
	margin-top: 10px;
}
.wt .gr img{
	width: 36px;
	height: 36px;
	border-radius: 25px;
}
.wt .gr{
	display: flex;
	align-items: center;
}
.wt .tou{
	display: flex;
}
.wt .grzh{
	width: 100%;
	padding-left: 10px;
}
.wt .wt_content_title{
	display: block;
	font-size: 15px;
	font-weight: 700;
}
.wt .wt_content_content{
	display: block;
	margin-top: 10px;
	font-size: 14px;
}
.wt .grzh span{
	display: flex;
	height: 21px;
}
.wt .view_info{
	display: flex;
}
.wt .view_info a{
	color: #939598;
	font-size: 13px;
	display: block;
}
.wt .wt_content_tool{
	display: flex;
	height: 30px;

}
.wt .tool_group{
	display: flex;
	border: 1px solid #dee0e1;
	border-radius: 1000px;
	background-color: rgba(0, 0, 1, 0.03);
	padding: 0 10px;
	margin-right: 10px;
}
.wt .div_icon{
	border-left: 1px solid #dee0e1;
	min-width: 31px;
}
.wt .tool_group svg{
	height: 20px;
	width: 20px;
}
.wt .button_icon .icon_svg-stroke{
	stroke: rgb(46, 105, 255);
	stroke-width: 1.8;
}
.wt .icon_div .hbPwPk .icon_svg-stroke {
    stroke: rgb(99, 100, 102);
    stroke-width: 1.8;
}
.wt .icon_div{
	margin-right: 10px;
}
.wt .icon_div span{
	display: block;
	height: 24px;
	width: 24px;
	font-size: 13px;
	line-height: 24px;
	color: #636466;
}
.wt .div_icon .icon_svg-stroke{
	stroke: rgb(99, 100, 102);
	stroke-width: 1.8;
}
.wt .button_icon{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	border: none;
	color: #636466;
	font-weight: 500;
	font-size: 13px;
}
.wt .button_icon span{
	display: flex;
}
.grzh_span a{
	display: block;
	font-weight: 600;
}
.close{
	margin-left: auto;
}
.yhm{
	width: 28px;
	font-size: 13px;
	box-sizing: border-box;
}
.wt .gz{
	width: 28px;
	font-size: 13px;
	box-sizing: border-box;
	color: #2e69ff;
	position: relative;
	margin-left: 10px;
}
.wt .gz::before{
	content: "";
	display: block;
	position: absolute;
	width: 2px;
	height: 2px;
	border-radius: 25px;
	background-color:  #636466;
	left: -8px;
	top: 50%;
	transform: translateY(-50%);
}
.time a{
	font-size: 13px;
	color: #636466;
}
.wt .ask_wt_main{
	display: flex;
	height: 54px;
}
.wt .ask_wt{
	background-color: #f1f2f2;
}
.ask_wt .user_icon a{
	width: 36px;
	height: 36px;
	border-radius: 25px;
	background-color: rgb(246,111,69);
	color: #fff;
}
.ask_wt .button button{
	color: #fff;
	background-color: #2e69ff;
	border-radius: 1000px;
	border: none;
	height: 30px;
	padding: 0 15px;
	min-width: 85px;
}
.ask_wt .input{
	width: 100%;
	padding: 0 10px;
}
.ask_wt .input input{
	width: 100%;
	box-sizing: border-box;
	height: 35px;
	border-radius: 1000px;
	outline: none;
	padding: 0 10px;
	border: 1px solid #dee0e1;
}
.right_title{
	padding: 8px 16px 8px 16px;
	border-bottom: 1px solid #dee0e1;
	font-size: 15px;
	font-weight: 500;
}
.right_ht{
	padding: 8px 16px 8px 16px;
}
.right_ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
.right_ul_li{
	padding: 0;
	margin: 10px 0px 0px 0px;
}
.ht_info{
	display: flex;
}
.ht-img{
	width: 32px;
}
.ht_info img{
	width: 32px;
	height: 32px;
	border-radius: 4px;
}
.ht_ext{
	width: 100%;
	margin-left: 10px;
}
.ht_ext a{
	display: block;
}
.ht_channel{
	font-size: 13px;
	color: #282829;
	font-weight: 700;
}
.ht_gzz{
	color: #939598;
	font-size: 13px;
}
.more-show{
	padding: 8px 16px 8px 16px;
}
.right_show_more{
	font-size: 13px;
	color: #939598;
}
.content_1_img{
	width: 100%;
	height: 225px;
	display: flex;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px inset;
	background-color: rgb(28, 29, 39);
	justify-content: center;
	
}
.content_1_img img{
	height: 225px;
}
.pl_card{
	min-height: 100px;
}
.pl_card:not(:last-child) {
  /* 这里是样式 */
  border-bottom: 1px solid #dee0e1;
}
.pl_user_info{
	display: flex;
}
.pl_user_info .user_icon{

}
.pl_user_info .l2{
	width: 100%;
	margin-left: 5px;
}
.pl_user_info .l2 .username{
	color: #282829;
	font-size: 13px;
	font-weight: 700;
}
.pl_user_info .l2 .date{
	font-size: 13px;
	color: #636466;
}
.pl_user_info .l2 .pl_content{
	font-size: 15px;
}
.pl_user_info .user_icon a{
	display: block;
	height: 36px;
	width: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 25px;
	background-color: rgb(0,152,166);
	color: #fff;
}
.pl_tool .pl_tool_button{
	background-color: rgba(0, 0, 1, 0.03);
	padding:0 10px;
	border-radius: 1000px;
	display: flex;
	border: 1px solid #dee0e1;
}
.pl_tool .tool{
	display: flex;
}
.pl_tool_button svg{
	width: 20px;
	height: 20px;
}
.pl_tool .pl_tool_button span{
	display: flex;
	align-items: center;
	height: 20px;
}
.pl_tool .pl_tool_button button{
	background-color: transparent;
	display: flex;
	border: none;
	align-items: center;
	padding: 0 5px;
	color: #636466;
}
.pl_tool .pl_tool_button div{
	display: flex;
	align-items: center;
	border-left: 1px solid #dee0e1;
	padding: 0 5px;
	justify-content: center;
}
.pl_tool .pl_tool_button button .icon_svg-stroke{
	stroke: rgb(46, 105, 255);
	stroke-width: 1.8;
}
.pl_tool{
	margin-top: 10px;
}
.pl_tool .pl_hf{
	color: #636466;
	font-size: 13px;
	margin-left: 10px;
}
.pl_tool .more_hf{
	margin-left: auto;
}
.pl_pl_hf{
	margin-left: 36px;
	margin-top: 10px;
}
.pl_pl_hf .username{
	color: #282829;
	font-size: 13px;
	font-weight: 700;
}
.pl_pl_hf .pl_hf_card .user_info{
	margin-left: 5px;
	width: 100%;
}
.pl_pl_hf .date{
	font-size: 13px;
	color: #636466;
}
.pl_pl_hf .user-content{
	font-size: 15px;
}
.pl_pl_hf .pl_hf_card .l3{
	display: flex;
}
.pl_pl_hf .pl_hf_card .user_icon a{
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 24px;
	background-color: #b92b27;
	line-height: 20px;
	text-align: center;
	color: #fff;
	margin-top: 3px;
	font-size: 13px;
}
.pl_pl_hf .user_input{
	margin-top: 5px;
	margin-bottom: 10px;
}
.pl_pl_hf .user_input input{
	box-sizing: border-box;
	width: 100%;
	outline: none;
	border: 1px solid #b1b3b6!important;
	color: #636466;
	font-size: 15px;
	border-radius: 3px;
	height: 28.2px;
}
.user_button{
	margin-top: 10px;
	margin-bottom: 10px;
}
.user_button button{
	display: flex;
	color: #636466;
	font-size: 13px;
	box-shadow: rgba(99, 100, 102, 0.2) 0px 0px 0px 1px inset;
	background-color: transparent;
	height: 30px;
	padding: 0px 15px;
	align-items: center;
	border-radius: 1000px;
	border: none;
	width: 100%;
	justify-content: center;
}
.user_button span{
	display: flex;
}
.user_button svg{
	width: 16px;
	height: 16px;
}